body{
  min-height: 100%;
  background-color: #efefef;
  color: #2f2f2f;
}
.content{
  height: 100%;
  .eva-content{
    background-color: #ffffff;
    overflow: hidden;
    margin: rem(74px) rem(10px) rem(10px) rem(10px) ;
  }
  .star-area{
    text-align: center;
    margin-top: rem(25px);
  }
  .star-item{
    width: 32px;
    height: 32px;
    background-image: url("./img/gray-star.png");
    background-size: cover;
    display: inline-block;
    margin-top: rem(10px);
    &.light{
      background-image: url("./img/light-star.png");
    }
  }
  .comment{
    margin-top: rem(20px);
    margin-left: rem(10px);
    margin-right: rem(10px);
    border-bottom: rem(1px) solid #e4e4e4;
    padding-bottom: rem(13px);
    position: relative;
    .count{
      font-size: rem(11px);
      color: #aaaaaa;
      position: absolute;
      bottom: rem(24px);
      right: rem(9px);
    }
    .comment-input{
      width: 100%;
      height: rem(100px);
      border: rem(1px) solid #c6c6c6;
      box-sizing: border-box;
      outline: none;
      -webkit-appearance: none;
      border-radius: 0;
      font-size: rem(16px);
      padding: rem(10px);
      background-color: #fafafa;
    }
  }
  .product-name{
    padding-top: rem(20px);
    padding-bottom: rem(20px);
    padding-left: rem(20px);
    text-align: left;
    font-size: rem(16px);
  }
  .submit{
    width: 100%;
    height: rem(50px);
    line-height: rem(50px);
    font-size: rem(16px);
    color: #333333;
    background-color: #ffd161;
    position: fixed;
    bottom: 0;
    text-align: center;
  }
}